<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>良師棚業工程有限公司</title>
	<link rel="stylesheet" href="css/home.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap-4.0.0.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/why-choose-us.css"/>
		<link rel="stylesheet" href="css/simplelightbox.min.css"/>
		<link rel="stylesheet" href="css/fontawesome-all-5.0.9.min.css" />

		<link href="css/test1.css" rel="stylesheet" type="text/css">
		<link href="css/jq22.css" rel="stylesheet" />
		<script src="js/functions.js"></script>
		<script src="js/js.js"></script>
		<script src="js/jquery-1.10.2.js"></script>
		<script type="text/javascript" src="js/jquery.superslide.js"></script>

		<script>
			var _hmt = _hmt || [];
			(function() {
			  var hm = document.createElement("script");
			  hm.src = "https://hm.baidu.com/hm.js?080836300300be57b7f34f4b3e97d911";
			  var s = document.getElementsByTagName("script")[0]; 
			  s.parentNode.insertBefore(hm, s);
			})();
		</script>
		
		<!-- <script src="js/jquery-3.3.1.min.js"></script> -->
		<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBEO3TWX1r4bJBNSf34xWPGGLvcjqtKX4k" type="text/javascript"></script>
		<style type="text/css">
			.clear {
				clear: both;
			}
			#head_top{
				position:relative;z-index: 999;
			}
			#head_top .fixed-nav.show {
    top: 0;
}
		.top_box_2 { cursor:pointer;display:block;z-index:99999999;}
		
#head_top.fixed-nav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 50px;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
		</style>
	</head>
	<body onload="init()">

		<div class="top" style="background: url(img/background1.jpg) no-repeat left top/100% 100%;width: 100%;">
				<div  class="header_home" >

				</div>
				<div class="top_box_2" style="position: absolute;text-align: center; left: 48%;">
						<p style="text-align: center;margin-top:60px;">
							<img    class="lazy" data-original="img/guide2.gif"  class="img_first" style="position: absolute;bottom:10%;display:inline-block;text-align:center;height:60px;display:inline-block; width:60px; cursor:pointer;margin-top: 30px;"/></p>
				</div>
		</div>
		<!-- 头部 -->
		<div  class="sec"  id="head_top" style="">
				<div class="sec_header" >
					<div class="sec_logo" >
						
						<div class="logo_left"><a href="home.php"><img  class="lazy" data-original="img/logo.png" style="margin-top: 11px;"/></a></div>
						<div class="logo_phone" style="width: 150px;">
								<a target='_blank' href="https://api.whatsapp.com/send?phone=85268801666"><img style="width: 100%;"  class="lazy" data-original="img/logo_phone.png"></a>
						</div>
						
					
						<div class="header_nav">
							
							<ul  class="header_ul">
								<li><span></span>為何選擇我們</li>
								<li><span></span>服務範圍</li>
								<li><span></span>報價及搭棚流程</li>
								<li><span></span>最新資訊</li>
								<li><span></span>聯絡我們</li>
							</ul>
							<a href="home_EN.php"><span style="color: white;float: right;margin-top: 2px;">EN</span></a>
							
						</div>
					</div>
				</div>
		</div>
		<!--第二版头部-->
		<main class="main" style="position: relative;">
		
				<!--图片-->

		<div class="top2 scro1" style="display: flex;flex-direction: column;align-items: center;width: 100%;background: url(img/06.jpg) no-repeat left top/100% 100%;padding-bottom: 20px;min-height: 1000px;">
	
		<div class="sec_font" style="width: 100%;text-align: center;margin-top:5%;">
					<!-- <img src="img/WHYCHOOSEUS.png"  style="text-align: center;display: inline-block;"/> -->
					<h3>爲何選擇我們</h3>
				</div>
		 		<div style="float: left;margin-top: 50px; width: 800px;" class="sec_box">
				<div class="sec_imgfont"  style=" height:35%;float: left;text-align: center;display:inline-block;">
						<div style=";float: right;">		
								<img   class="lazy" data-original="img/inco_money.png"  style="text-align: center;display: inline-block;height: 80px;"/>
								<h3 style="color: white;">價格實惠</h3>
							<p style="color: #fff; text-align: left;">我們清楚了解客戶的需求，為客戶提供精準的棚架搭建方案，絕不會畫蛇添竹，以最佳方案省時並有效地完成棚架搭建，為客戶大幅節省成本。
							</p>
						</div>
					</div>
				
					<div class="sec_imgfont"  style="height:35%;float:right;text-align: center;display: inline-block;">
						<div style=";float: left;">
							
								<img   class="lazy" data-original="img/fuwu_icon.png"  style="text-align: center;display: inline-block;height: 80px;"/>
								<h3 style="color: white;">服務優質</h3>
							<p style="color: #fff;text-align: left;">
								我們清楚明白，棚架，是工人安全施工的平台，一個安全穩妥有質量的棚架，會很有效地為客戶提升施工效率，所以我們絕不馬虎求其，拒絕偷工減料。
							</p>
							
						</div>
					</div>
					<div class="sec_imgfont"  style="height:35%;float: left;text-align: center;display: inline-block;padding-top: 10%;">
						<div style=";float: right;">
							
								<img   class="lazy" data-original="img/heat.png"  style="text-align: center;display: inline-block;height: 80px;"/>
								<h3 style="color: white;">認真慬慎</h3>
							<p style="color: #fff; text-align: left;">我們是一個敬業的團隊，團隊的每一位師傅均持有政府認可的專業資格，我們的每位工作人員都非常小心認真並慬慎地對待搭棚工作，多年的高空工作經驗，讓我們清晰地知道高空工作的風險所在。</p>
							
						</div>
					</div>
				
					<div class="sec_imgfont"  style=" height:35%;float: right;text-align: center;display: inline-block;padding-top: 10%;">
						<div style=";float: left;">
							
								<img   class="lazy" data-original="img/fanglv_icon.png"  style="text-align: center;display: inline-block;height: 80px;"/>
								<h3 style="color: white;">安全可靠</h3>
							<p style="color: #fff;text-align: left;">師傅在進行搭棚工作時不僅要顧及自身的安全，更要確保日後棚架在使用期間的施工人員和附近的民眾因為我們搭建的棚架而受到最有效的保護，全面地做好安全措施，將高空工作的風險降為零，被我們視為搭棚的最基本的責任。</p>
							
						</div>
					</div>
					<!-- <div class="sec_cen_img" style="position: absolute;width:795px;text-align: center;top:24.5%;">
						<img src="img/add.png" style="display: inline-block;"/>					
					</div> -->
					</div>
		</div>
		
        </div>
		<!--图片-->
		<!--第三版-->
		<div class="scro2" style="background: url(img/backgrpund_99.png) no-repeat left top/100% 100% ;float: left;width: 100%; position: relative;min-height: 1020px;">
			
				<div style="position: absolute;width: 100%;float: left;margin-top: 80px;">
					<div class="three_font" style="width:100%;text-align: center;position: relative;margin:0 auto;">
						<!-- <img src="img/three_font.png" style="text-align: center;display: inline-block;"/> -->
						<h3>服務範圍</h3>
					</div>


					<div class="three_font_img" style="position: relative;width: 100%;">
						<div style="width: 1200px;margin: 0 auto;margin-top: 4%;" class="three_ul">
							<ul>
								<li>
									<span style="height: 94px;line-height: 94px; font-size: 50px; color: #606060;">香&nbsp;港</span>
									<img style="width:auto;"     class="lazy" data-original="img/yes_icon.png" />
								</li>
								<!-- <li></li> -->
								<li>
									<span style="height: 94px;line-height: 94px; font-size: 50px; color: #606060;">九&nbsp;龍</span>
									<img style="width:auto;"   class="lazy" data-original="img/yes_icon.png"/>
								</li>
								<!-- <li></li> -->
								<li>
									<span style="height: 94px;line-height: 94px; font-size: 50px; color: #606060;">新&nbsp;界</span>
									<img style="width:auto;"    class="lazy" data-original="img/yes_icon.png"/>
								</li>
								<li>
								</li>
							</ul>
						</div>
					</div>
					
					
					<div class="three_font_thr_img" style="float: left;width: 100%;">
						<div class="three_img_img" style="margin:8% auto 0;width: 1200px;">
							<img   class="lazy" data-original="img/img_thr.png"/>
						</div>
					</div>

						<div class="three_four_img" style="float: left;width: 100%;margin-top: 5%;">
							<div class="three_four_img" style="margin: 0 auto;width: 1200px;">
								<img   class="lazy" data-original="img/five.png" style="margin: 0 auto;">
							</div>
						</div>
				</div>
		</div>

		<!--我们的服务-->
		<script type="text/javascript" src="js/simplelightbox.min.js"></script>
		<div class="scro2" style="background: url(img/06.jpg) no-repeat left top/100% 100% ;float: left;width: 100%; position: relative;min-height: 600px;">

			<div class="ussevices"  style="background-size:cover;color:#FFF;">
            <content class="container">
                <h2 style="text-align:center;">我們的服務</h2>

                <ul class="row">
                   

                   <li class="col-md-6 col-sm-12">
				   <div class="liimg lightbox">
					   <a href="images/sever2.jpg"><img   class="lazy" data-original="images/sever2.jpg"  /></a>
                      
                         </div> 
					 <div class="lip">
					 <h3>梯棚</h3>
                        <p style="text-align: left;">(為水喉，煤氣喉及各類喉管的更換,安裝或維修工程提供所需的搭棚服務）</p>
						</div>
				   </li>
				  
                   <li class="col-md-6 col-sm-12">
				   <div class="liimg liimg1 lightbox">
                      <a href="images/sever3.jpg"><img   class="lazy" data-original="images/sever3.jpg"  /></a>
                        </div> 
					 <div class="lip">
					 <h3>維修雙棚</h3>
                        <p style="text-align: left;"> (為村屋/大廈外牆灰水,油漆,防水,翻新工程提供所需的搭棚服務)</p>
						</div>
				  </li>
					
					<li class="col-md-6 col-sm-12">
					<div class="liimg liimg1 lightbox">
                      <a href="images/sever1.jpg"> <img   class="lazy" data-original="images/sever1.jpg"  /></a>
                     </div> 
					 <div class="lip">
					 <h3>吊棚</h3>
                        <p style="text-align: left;">
                        	(為鋁窗，分體機，水喉，及各類喉管的安裝或維修和僭建清拆工程提供所需的搭棚服務）
                        </p>
						</div>
                    </li>
                   <li class="col-md-6 col-sm-12">
				   <div class="liimg lightbox">
                      <a href="images/sever4.jpg"><img class="lazy" data-original="images/sever4.jpg"  /></a>
                        </div> 
					 <div class="lip">
					 <h3>室內外天花</br>棚架/竹棚</h3>
                        <p style="text-align: left;">
                            (為維修消防喉，天花板，風槽線槽等工程提供所需的搭棚服務)
                        </p>
						</div>
					</li>
                </ul>
               
          
             

                <ul class="row" >
                   <li class="col-md-6 col-sm-12" style="text-align:left;">
				   <div class="liimg liimg1 lightbox">
                      <a href="images/sever5.jpg"><img   class="lazy" data-original="images/sever5.jpg"  /></a>
                        </div> 
					 <div class="lip">
					 <h3>清拆</br>棚架/竹棚</h3>
                        <p style="text-align: left;">
                        	(為清拆工程提供所需的搭棚服務）
                        </p>
                    </li>


                   <li class="col-md-6 col-sm-12">
				   <div class="liimg lightbox">
                     <a href="images/sever6.jpg"><img class="lazy" data-original="images/sever6.jpg"  /></a>
                      </div> 
					 <div class="lip">
					 <h3>招牌</br>棚架/竹棚</h3>
                        <p style="text-align: left;">  (為清橫身招牌工程提供所需的搭棚服務)</p>
						</div>                    
				   </li>
                   <li class="col-md-6 col-sm-12">
				   <div class="liimg liimg1 lightbox">
                      <a href="images/sever7.jpg"><img   class="lazy" data-original="images/sever7.jpg"  /></a>
                       </div> 
					 <div class="lip">
					 <h3>門面</br>棚架/竹棚</h3>
                        <p style="text-align: left;"> (為清門面招牌或冷氣暗架工程提供所需的搭棚服務)</p>
						 </div> 
					</li>
					
                   <li class="col-md-6 col-sm-12">
				   <div class="liimg lightbox">
                     <a href="images/sever8.jpg"><img   class="lazy" data-original="images/sever8.jpg"  /></a>
                       </div> 
					 <div class="lip">
					 <h3>竹棚,金屬棚</br>混合棚工程</h3> 
                        <p style="text-align: left;">
                          (均可承接，歡迎查詢)
                        </p>
						 </div> 
				   </li>
                </ul>
               
            </content>
        </div>		

	</div>
	<script>
		$(function () { $('.lightbox a').simpleLightbox({ closeBtnClass: "fas fa-times" }); });
	</script>
					<style>
					.col-md-6 img{ cursor: pointer;}
					a:hover{text-decoration: none;}
					@media only screen and (min-width:1700px ) {
						.container { max-width:1500px!important;}
						.scro3 h3,.sec_font h3,.three_font h3,.ussevices h2,.end_img h3 { font-size:50px!important;}
						.top5 img { width: 140px!important; height:140px!important;}
						.top5 ul li:nth-child(1),.top5 ul li:nth-child(2),.top5 ul li:nth-child(3),.top5 ul li:nth-child(4) {
							/* margin-bottom:90px; */
						}
							.top5 p { font-size:19px!important;}
						.top5 h4 { font-size:40px!important;
						/* margin-bottom:20px;margin-top:20px; */
						}
					}
					.top5 p { font-size:16px;}
					.top5 h4 { font-size:30px;}
					.process_lists ul li{margin-bottom:5%;}

				</style>

		<!--第四版-->
		<div class="top5 scro3" style="background-color: :#f0f0f0 ;float: left;width: 100%;padding-bottom:20px; min-height: 800px;">
				<div class="container" style="	">
					<div class="scro3" style="width: 100%;margin: 0 auto;text-align: center;margin-top: 80px;">
						<!-- <img src="img/font4_bac.png" style="display: inline-block;"/> -->
						<h3>報價及搭棚流程</h3>
					</div>
				<div class="process_lists " style="">
					<ul class="row" style="margin-top:5%">
						<li class="col-md-3 ">
							<div style="text-align: center;">
								<img   class="lazy" data-original="img/icon5.png" width="100" height="100" style="display: inline-block;"/>
								<h4>1.講述需求</h4>
								<p>客戶致電搭棚報價熱線</p>
								<p>6880 1666或用WHATSAPP講述需求</p>
							</div>
						</li>
							<li class="col-md-3 ">
							<div style="width: ;text-align: center;">
								<img   class="lazy" data-original="img/icon6.png" width="100" height="100" style="display: inline-block;"/>
								<h4>2.初步報價</h4>
								<p>本公司按客戶的工程需要免費制定</p>
								<p>搭棚方案，並進行初步報價</p>
							</div>
						</li>
						<li class="col-md-3 ">
							<div style="width: ;text-align: center;">
								<img   class="lazy" data-original="img/icon7.png" width="100" height="100" style="display: inline-block;"/>
								<h4>3.落實方案</h4>
								<p>客戶落實方案，並向本公司</p>

								<p>預約棚架/竹棚搭建的日期和時間</p>

							</div>
						</li>
						<li class="col-md-3 ">
							<div style="width: ;text-align: center;">
								<img   class="lazy" data-original="img/icon8.png" width="100" height="100" style="display: inline-block;"/>

								<h4>4.完成搭建</h4>
								<p>本公司按時到達公司場地進行</p>
								<p>並完成棚架/竹棚搭建工作</p>
							</div>
						</li>
						
						<li class="col-md-3 ">
							<div style="width: ;text-align: center;">
								<img   class="lazy" data-original="img/icon1.png" width="100" height="100" style="display: inline-block;"/>
								<h4>5.完成施工</h4>
								<p>客戶利用棚架/竹棚安全</p>
								<p>有效地完成施工</p>
							</div>
						</li>
							<li class="col-md-3 ">
							<div style="width: ;text-align: center;">
								<img   class="lazy" data-original="img/icon2.png" width="100" height="100" style="display: inline-block;"/>
								<h4>6.預約拆卸</h4>
								<p>客戶通知本公司施工完成，</p>
								<p>並預約拆卸棚架/竹棚日期</p>
							</div>
						</li>
						<li class="col-md-3 ">
							<div style="width: ;text-align: center;">
								<img   class="lazy" data-original="img/icon3.png" width="100" height="100" style="display: inline-block;"/>
								<h4>7.拆卸棚架</h4>
								<p>本公司如期到達工作場地進行</p>
								<p>並完成拆卸棚架/竹棚工作</p>
							</div>
						</li>
						<li class="col-md-3 ">
							<div style="width: ;text-align: center;">
								<img   class="lazy" data-original="img/icon4.png" width="100" height="100" style="display: inline-block;"/>
									<h4>8.合作完成</h4>
								<p>工作順利完成</p>
								<p>先貨後款，信心保證</p>
							</div>
						</li>
					</ul>
				</div>
				</div>
		</div>
			<!--第五版-->
			<style>
				.share img { width:100%；}
				</style>
		<div class="clear scro4"></div>
		<div class="banner" style="width: 100%;padding-top: 150px;min-height: 1000px; background-color: #333;">
			<?php require_once('common.php');?>
		</div>
		<!--最后一板块-->
		<div class="end_bac scro5" style="float: left;width: 100%;">
			<div class="end_box" style="width: 100%;margin: 0 auto">
				<div class="end_img" style="text-align: center;width: 100%;margin: 0 auto;">
					<h3>聯絡我們</h3>
				</div>
			</div>
			
			<div style="width: 1200px;margin: 0 auto;">
				<div class="end_ul" style="float: left;margin-top:60px ;width: 100%;">
					<ul>
						<li>
							<div>
								<span style="float: left;"><img   class="lazy" data-original="img/email.png"/></span>
								<span></span>
							</div>
							<div style="margin-bottom: 10px;">
							<a style="color: #333;font-size: 32px;" href="mailto:contact@gm-scaffolding.com">contact@gm-scaffolding.com<i class="fal fa-angle-double-right"></i></a>
							</div>
						</li>
						
						<li>
							<div style="margin-left: ;">
								<span style="float: left; display: inline-block;"><img   class="lazy" data-original="img/phone.png"/></span>
								<span></span>
							</div>
							<div>
								<p><a target="_blank" href="https://api.whatsapp.com/send?phone=85268801666" style="color: #333;">+852 6880-1666 </a></p>
								<!--<p>+852 3678-8457 office</p>
								<p>+852 3005-8573 fax</p>-->
							</div>
						</li>
							<li>
							<a href="https://www.facebook.com/%E8%89%AF%E5%B8%AB%E6%A3%9A%E6%A5%AD%E5%B7%A5%E7%A8%8B%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8-189611901676633/?modal=admin_todo_tour" target="_blank"><div>
								<span style=" float: left;"><img   class="lazy" data-original="img/facebook.png"/></span>
								<span></span>
							</div>
							<div style="cursor: pointer;">
								<p>GM-Scaffolding@facebook</p>
								<!--<p>36 Shung Ching San Tsuen，Yeun Long，New Territroies</p>-->
								</div>
							</a>
							</li>
						<li>
							<div style="width: 100%;float: left;">
									<div>
										<span style="float: left; display: inline-block;"><img   class="lazy" data-original="img/mobile2.png"/></span>
										<span></span>
									</div>
									<div >
										<p>+852 3678-8457 </p>
									</div>
							</div>
						</li>
						
						
						
						<li>
							<div style="width: 100%;float: left;">
									<div>
										<span style="float: left; display: inline-block;"><img   class="lazy" data-original="images/weixin.png"/></span>
										<span></span>
									</div>
									<div >
										<p>Wechat ID：u68801666 </p>
									</div>
							</div>
						</li>
							<li>
							<div style="margin-left: ;">
								<span style="float: left; display: inline-block;"><img   class="lazy" data-original="img/fax.png"/></span>
								<span></span>
							</div>
							<div>
								<p>+852 3005-8573 </p>
							</div>
						</li>
								<!--<div style="margin-left: 30%;margin-bottom: 10px;">
									
								<p>九龙荔枝角道822号2楼西翼（港铁荔枝角站D2出口）</p>
								<p>West Wing，2/f，822 Lai Chi Kok Road，Kowloon</p><br/><br/>
							</div>
							<div style="margin-left: 20%;width: 70%;">
									<img src="img/ditu2.jpg"  width="100%"/>
								</div>-->
					</ul>
					
					
					<div class="clear"></div>
					<p style="text-align: center;font-size: 22px;margin-top: 40px;"><img   class="lazy" data-original="img/address2.png" style="width: 22px;margin: 0 10px;display: inline-block;"/>新界元朗崇正新村36號</p>
					<div id="map" style="width:1000px;margin: 20px auto 20px; height:400px;border:1px solid gray"></div>
					<p style="text-align: center;font-size: 22px;"><img   class="lazy" data-original="img/address2.png" style="width: 22px;margin: 0 10px;display: inline-block;"/>九龍荔枝角道822號2樓西翼</p>
					<div id="map2" style="width:1000px;margin: 20px auto; height:400px;border:1px solid gray"></div>				
<script>

  function init() {

	// 获取当前地理位置

	// navigator.geolocation.getCurrentPosition(function(position) {

	// 	var coords = position.coords;

		// 设定地图参数，将用户的当前位置的经纬度设定为地图的中心点

		// var latlng = new google.maps.LatLng(coords.latitude,coords.longitude);
		var latlng = new google.maps.LatLng(22.434501,114.029948);
		var latlng2 = new google.maps.LatLng(22.335928, 114.147905);


		var myOptions = {
			// 设定放大倍数
			zoom:19,
			// 将地图中心点设定为指定的坐标点
			center: latlng,
			// 指定地图类型
			mapTypeId:google.maps.MapTypeId.ROADMAP
		};

		var myOptions2 = {
			// 设定放大倍数
			zoom:19,
			// 将地图中心点设定为指定的坐标点
			center: latlng2,
			// 指定地图类型
			mapTypeId:google.maps.MapTypeId.ROADMAP
		};

			// 创建地图并在div中显示

		var map1;
		var map2;

		map1 = new google.maps.Map(document.getElementById("map"),myOptions);
		map2 = new google.maps.Map(document.getElementById("map2"),myOptions2);

		// 在地图上创建标记

		var marker = new google.maps.Marker({
			position: latlng,
			map: map1
		});

		var marker2 = new google.maps.Marker({
			position: latlng2,
			map: map2
		});

		// 设定标注窗口，并指定该窗口中的注释文字

		var infowindow = new google.maps.InfoWindow({

			content:"良師棚業工程有限公司"

		});

		var infowindow2 = new google.maps.InfoWindow({

			content:"良師棚業工程有限公司"

		});
		// 打开标注窗口
		infowindow.open(map1, marker);
		infowindow2.open(map2, marker2);

	// });
  }

//22.434501, 114.029948
//22.335928, 114.147905
</script>


						<br/><br/>
				</div>
				
			</div>
				
				
				
		</div>	

		</main>
		
		<div class = 'home_footer' style="margin-top: 80px;width:100%;">
			<p style="text-align: center;display: block;">©2018良師棚業工程有限公司</p>
			<p>版權所有</p>
		</div>
		
	</body>
</html>



<script>
	

	$(".map1").click(function(){
		var  h =$('#map').offset().top;
      		$('body,html').animate({
       scrollTop:h
      }, 1000);
	
	});

	$(".map2").click(function(){
		var  h =$('#map2').offset().top;
      		$('body,html').animate({
       scrollTop:h
      }, 1000);
		
	});
	
	
		  var h = document.documentElement.clientHeight ; 
		    var $Main = $(".main");
			// console.log($(".img_first"))
			$(".top_box_2").click(function(){
				$('html,body').animate({scrollTop:h}, 800);
			})
  
            var $Nav = $("#head_top");
           
            var $Window = $(window);
            $Window.on("scroll", function () {
                if ($Window.scrollTop() > ($Main.position().top + h)) {
                    $Nav.addClass("fixed-nav");
                    setTimeout(function () { $Nav.addClass("show"); }, 500);
                }
                else $Nav.removeClass("fixed-nav show");
            }).trigger("scroll");
       
      	
      	$(window).scroll(function(){
      		var a=$('.scro1').offset().top;
      		var a1 = $('.scro2').offset().top-h/2;
      		var a2 = $('.scro3').offset().top-h/2;
      		var a3 = $('.scro4').offset().top-h/2;
      		var a4 = $('.scro5').offset().top-h/2;

      			$('.header_ul li').eq(3).find('span').addClass("active_span");

				var top1 = $(window).scrollTop();

  			if(top1<a1){
  				$('.header_ul li').eq(0).find('span').addClass("active_span");
  				$('.header_ul li').eq(0).siblings().find('span').removeClass("active_span");
  				$('.header_ul li').css('color','#fff');
  				$('.header_ul li').eq(0).css('color','#fff');
  			}else if(top1>=a1 && top1<a2){
  				$('.header_ul li').css('color','#fff');
  				$('.header_ul li').eq(1).css('color','#fff');
  			$('.header_ul li').eq(1).find('span').addClass("active_span");
  			$('.header_ul li').eq(1).siblings().find('span').removeClass("active_span");
  			}

			else if( top1>=a2 && top1<a3){
				$('.header_ul li').css('color','#fff');
  				$('.header_ul li').eq(2).css('color','#fff');
			$('.header_ul li').eq(2).find('span').addClass("active_span");
			$('.header_ul li').eq(2).siblings().find('span').removeClass("active_span");
			}else if( top1>=a3 && top1<a4){
				$('.header_ul li').css('color','#fff');
  				$('.header_ul li').eq(3).css('color','#fff');
			$('.header_ul li').eq(3).find('span').addClass("active_span");
			$('.header_ul li').eq(3).siblings().find('span').removeClass("active_span");
			}else{
				$('.header_ul li').css('color','#fff');
  				$('.header_ul li').eq(4).css('color','#fff');
				$('.header_ul li').eq(4).find('span').addClass("active_span");
			$('.header_ul li').eq(4).siblings().find('span').removeClass("active_span");
			}	
      	})
      	
      	$('.header_ul li').mouseover(function(){
      		var flag= $(this).children().hasClass("active_span");
      	
      		if(!flag){
      			$(this).css('color','#fff');
      		}
      	});

      	$('.header_ul li').mouseout(function(){
      		var flag= $(this).children().hasClass("active_span");
      		if(!flag){
      			$(this).css('color','#fff');
      		}
      	});

      	

      	$('.header_ul li').click(function(){
      		var a = $(this).index();
      		a =a +1;
      		var  h =$('.scro'+a).offset().top;
      		$('body,html').animate({
       scrollTop:h
      }, 1000);	
      	})
	$(window).resize(function(){
    //alert("窗体大小改变了！");
    location.reload()
    //这里你可以尽情的写你的刷新代码！
});
	
	
	$(document).ready(function(){ 
	
		var h = document.documentElement.clientHeight ; 
		var z = h/3+h/3;
		// console.log(h)
		$('.header_home img').css('height',h);
		 $('.top').css('height',h);
		  $('.banner').css('height',h);
		  $('.share').css('height',h);
		  $('.share').css('line-height',h+'px');
		 $('.top_box_2').css('top',z);

		 $('.top5').css('height',h);
		$('.swiper-slide img').css('max-height',h);
//		$('.sec_box').css('height',h-300);
		window.onresize = function(){
			var h1 = document.documentElement.clientHeight ; 
			$('.header_home img').css('height',h1)
			// $('.top2').css('height',h1);
			$('.top').css('height',h1);
			// $('.top5').css('height',h1);
			//	$('.swiper-slide img').css('height',h1);
//			$('.sec_box').css('height',h1-300);
//		
		}
	});
		
</script>
<!-- <script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script> -->
<script src="js/jquery.lazyload.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		
	 //  var mySwiper = new Swiper ('.swiper-container', {
			
		// 	autoplay: {
		// 		delay: 6000, //1秒切换一次
		// 		disableOnInteraction: false,
		// 	},
		// 	loop: true,

		// 	 // 如果需要前进后退按钮
  //   navigation: {
  //     nextEl: '.swiper-button-next',
  //     prevEl: '.swiper-button-prev',
  //   },
		// });
		

	  	/**
	  	 * 图片延时加载
	  	 */
		  $(function() {

		      $("img.lazy").lazyload({effect: "fadeIn"});

		  });
$(document).ready(function () { 
   //实现图片慢慢浮现出来的效果 
   $("img").load(function () { 
     //图片默认隐藏  
     $(this).hide(); 
     //使用fadeIn特效  
     $(this).fadeIn("5000"); 
   }); 
   // 异步加载图片，实现逐屏加载图片 
   $(".lazy").scrollLoading();  
 });
	</script>